<template>
  <van-tabs v-model:active="active" class="VanTab">
    <van-tab title="音单" name="a">
      <TonComp></TonComp>
    </van-tab>
    <van-tab title="推荐" name="b">
      <IndexComp></IndexComp>
    </van-tab>
    <van-tab title="分类" name="c">
      <ClassComp></ClassComp>
    </van-tab>
  </van-tabs>
</template>

<script setup lang="ts">
import { ref } from "vue";

const active = ref("b");
</script>

<style scoped lang="scss">
.VanTab {
  --van-tabs-bottom-bar-color: black;
  --van-tabs-bottom-bar-width: 70px;
  padding-top: 46px;
  // border: 1px solid red;
  :deep(.van-tab) {
    border-bottom: 1px solid #e0e0e0;
  }
}
</style>
